﻿<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>testkit</title>
    <link rel="stylesheet" type="text/css" href="./themes/bootstrap/easyui.css">
    <link rel="stylesheet" type="text/css" href="./themes/icon.css">
    <link rel="stylesheet" type="text/css" href="./css/common.css">
    <script type="text/javascript" src="./js/jquery.min.js"></script>
    <script type="text/javascript" src="./js/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="./js/easyui-lang-zh_CN.js"></script>
</head>
<body class="easyui-layout">
    <div data-options="region:'north',border:false" style="height:60px;padding:10px">
        north region
    </div>
    <div data-options="region:'west',split:true,title:'West'" style="width: 200px;">
        <div class="easyui-accordion" data-options="multiple:false,fit:true" style="width:200px;height:400px;">
            <div title="Language" data-options="iconCls:'icon-ok'" style="overflow: auto; padding: 10px;">
                <div>
                    <span class="tree-indent tree-join"></span>
                    <span class="tree-icon tree-file "></span>
                    <span class="tree-title"><a class="cls-menu-item" href="#" data="tables/configEnv.html">环境设置</a></span>
                </div>
                <div>
                    <span class="tree-indent tree-join"></span>
                    <span class="tree-icon tree-file "></span>
                    <span class="tree-title"><a class="cls-menu-item" href="#" data="tables/configSystem.html">系统设置</a></span>
                </div>
                <div>
                    <span class="tree-indent tree-join"></span>
                    <span class="tree-icon tree-file "></span>
                    <span class="tree-title"><a class="cls-menu-item" href="#" data="tables/configSystemEnv.html">系统环境关联设置</a></span>
                </div>
                <div>
                    <span class="tree-indent tree-join"></span>
                    <span class="tree-icon tree-file "></span>
                    <span class="tree-title"><a class="cls-menu-item" href="#" data="tables/configInterface.html">接口设置</a></span>
                </div>
                <div>
                    <span class="tree-indent tree-join"></span>
                    <span class="tree-icon tree-file "></span>
                    <span class="tree-title"><a class="cls-menu-item" href="#" data="tables/configTestData.html">测试用例</a></span>
                </div>
            </div>
            <div title="Java" style="padding:10px;">
                <ul data-options="animate:true,lines:true,fit:true">
                    <li><a href="#" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-reload'">Refresh</a></li>
                    <li><a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-add'">Add</a></li>
                    <li><a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-add'">Add</a></li>
                </ul>
            </div>
            <div title="C#" style="padding:10px;">
                <div>
                    <span class="tree-indent tree-join"></span>
                    <span class="tree-icon tree-file "></span>
                    <span class="tree-title"><a class="cls-menu-item" href="#" data="tables/configEnv.html">环境设置</a></span>
                </div>
                <div>
                    <span class="tree-indent tree-join"></span>
                    <span class="tree-icon tree-file "></span>
                    <span class="tree-title"><a class="cls-menu-item" href="#" data="tables/ConfigSystem.html">系统设置</a></span>
                </div>
                <div>
                    <span class="tree-indent tree-join"></span>
                    <span class="tree-icon tree-file "></span>
                    <span class="tree-title"><a class="cls-menu-item" href="#" data="tables/ConfigSystemEnv.html">系统环境关联设置</a></span>
                </div>
            </div>
            <div title="Ruby" style="padding:10px;">
            </div>
            <div title="Fortran" style="padding:10px;">
            </div>
        </div>
    </div>
    <div data-options="region:'east',split:true,collapsed:true,title:'East'" style="width: 100px; padding: 10px;">
        east content
    </div>
    <div data-options="region:'south',border:false" style="height: 50px; padding: 10px;">
        south region
    </div>
    <div data-options="region:'center'" class="easyui-tabs">
        <!--<div title="About" style="padding: 10px" data-options="href:'tables/configEnv.html',closable:true"></div>-->
    </div>

    <script type="text/javascript">
        $(function () {
            $(".cls-menu-item").each(function (ix, item) {
                $(item).click(function () {
                    var title = $(item).html();
                    var href = $(item).attr('data');

                    addPanel(title, href);
                });
            });
        });
        function addPanel(title, href) {
            var tab = $('.easyui-tabs').tabs('getTab', title);
            if (tab) {
                var index = $('.easyui-tabs').tabs('getTabIndex', tab);
                $('.easyui-tabs').tabs('select', index);
            } else {
                var content = '<iframe scrolling="auto" frameborder="0" src="' + href + '" style="width:100%;height:99%;"></iframe>';
                $('.easyui-tabs').tabs('add', {
                    title: title,
                    //href: href,
                    content: content,
                    closable: true,
                    cache: true
                });
            }
        }
        function removePanel() {
            var tab = $('.easyui-tabs').tabs('getSelected');
            if (tab) {
                var index = $('.easyui-tabs').tabs('getTabIndex', tab);
                $('.easyui-tabs').tabs('close', index);
            }
        }
    </script>
</body>
</html>